<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
<f:view>
    <h:form styleClass="fondoFormulariosyPanel">
        <h:panelGrid columns="1" styleClass="rayaForms" width="100%">
            <h:outputLabel  value="Registro de Contratantes" />
        </h:panelGrid>
        <a4j:outputPanel ajaxRendered="true">
            <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass"
                        errorClass="errorClass" warnClass="warnClass" showDetail="true"
                        errorStyle="color:red;" warnStyle="color:green;" infoStyle="color:black;"
                        fatalStyle="color:black"/>
        </a4j:outputPanel>
        
        <a4j:outputPanel id="panel2">
            <h:panelGrid columns="1" width="100%" border="0" cellpadding="2" cellspacing="2" styleClass="tablasecundaria">
                <h:outputLabel value="Datos del Contratante" />
            </h:panelGrid>
            <h:panelGrid columns="1" cellpadding="2" cellspacing="2" border="0" styleClass="tablanormal">
                <h:commandButton value="Nuevo"
                                 title="Nuevo Registro"
                                 styleClass="desactivar"
                                 action="#{ContratanteController.inicializar}"/>

            </h:panelGrid>
            <h:panelGrid columns="4" styleClass="fondoFormulariosyPanel">
                <h:outputLabel value="Tipo de contratante: " />
                <h:selectOneMenu value="#{ContratanteController.tipoPersona}" >
                    <f:selectItem  itemLabel="Persona Natural" itemValue="1"/>
                    <f:selectItem  itemLabel="Persona Jurìdica" itemValue="0"/>
                    <a4j:support event="onchange" reRender="panel2" ajaxSingle="true" />
                </h:selectOneMenu>
                <h:outputLabel value="R.U.C. :" rendered="#{ContratanteController.tipoPersona==0}" />
                <h:panelGrid columns="2" border="0" styleClass="tablanormal" rendered="#{ContratanteController.tipoPersona==0}">
                    <h:inputText value="#{ContratanteController.personaJuridica.solRUC}" size="13" maxlength="11" />
                    <%--h:commandButton title="Buscar por RUC" image="/img/buscar.png" action="#{ContratanteController.buscarSolicitantes}" /--%>
                    <h:commandButton title="Buscar por RUC" image="/img/buscar.png"
                                     action="#{ContratanteController.buscarSolicitantes}" />
                </h:panelGrid>

                <h:outputLabel value="D.N.I. :" rendered="#{ContratanteController.tipoPersona==1}" />
                <h:panelGrid columns="2" border="0" styleClass="tablanormal" rendered="#{ContratanteController.tipoPersona==1}">
                    <h:inputText value="#{ContratanteController.personaNatural.perNroDNI}" size="10" maxlength="8" />
                    <%--h:commandButton title="Buscar por DNI" image="/img/buscar.png" action="#{ContratanteController.buscarSolicitantes}" /--%>
                    <h:commandButton title="Buscar por DNI" image="/img/buscar.png"
                                     action="#{ContratanteController.buscarSolicitantes}" />
                </h:panelGrid>
            </h:panelGrid>
            <h:panelGrid columns="1" styleClass="fondoFormulariosyPanel">
                <a4j:outputPanel id="panelDatos">
                    <h:panelGrid columns="6" styleClass="fondoFormulariosyPanel">
                        <h:outputLabel value="Razón Social: " rendered="#{ContratanteController.tipoPersona==0}" />
                        <h:inputText value="#{ContratanteController.personaJuridica.emprazonSocial}" size="25" maxlength="200" styleClass="mayusculas" rendered="#{ContratanteController.tipoPersona==0}" />
                        <h:outputLabel value="Apellido Paterno: " rendered="#{ContratanteController.tipoPersona==1}" />
                        <h:inputText value="#{ContratanteController.personaNatural.perapellidoPaterno}" size="20" maxlength="30" styleClass="mayusculas" rendered="#{ContratanteController.tipoPersona==1}" />
                        <h:outputLabel value="Apellido Materno: " rendered="#{ContratanteController.tipoPersona==1}" />
                        <h:inputText value="#{ContratanteController.personaNatural.perapellidoMaterno}" size="20" maxlength="30" styleClass="mayusculas" rendered="#{ContratanteController.tipoPersona==1}" />
                        <h:outputLabel value="Nombres: " rendered="#{ContratanteController.tipoPersona==1}" />
                        <h:inputText value="#{ContratanteController.personaNatural.perNombres}" size="20" maxlength="30" styleClass="mayusculas" rendered="#{ContratanteController.tipoPersona==1}" />
                        <h:outputLabel value="Sexo: " rendered="#{ContratanteController.tipoPersona==1}"/>
                        <h:selectOneRadio value="#{ContratanteController.personaNatural.perSexo}" rendered="#{ContratanteController.tipoPersona==1}" styleClass="fondoFormulariosyPanel">
                            <f:selectItem itemLabel="Masculino"  itemValue="true"/>
                            <f:selectItem itemLabel="Femenino" itemValue="false"/>
                        </h:selectOneRadio>
                        <h:outputLabel value="Correo Personal 1: " />
                        <h:inputText rendered="#{ContratanteController.tipoPersona==1}" value="#{ContratanteController.personaNatural.solcorreopersonal1}" size="25" maxlength="50" />
                        <h:inputText rendered="#{ContratanteController.tipoPersona==0}" value="#{ContratanteController.personaJuridica.solcorreopersonal1}" size="25" maxlength="50" />

                        <h:outputLabel value="Correo Personal 2: " />
                        <h:inputText rendered="#{ContratanteController.tipoPersona==1}" value="#{ContratanteController.personaNatural.solcorreopersonal2}" size="25" maxlength="50" />
                        <h:inputText rendered="#{ContratanteController.tipoPersona==0}" value="#{ContratanteController.personaJuridica.solcorreopersonal2}" size="25" maxlength="50" />

                        <h:outputLabel value="Correo Empresa: " />
                        <h:inputText rendered="#{ContratanteController.tipoPersona==1}" value="#{ContratanteController.personaNatural.solcorreoempresa}" size="25" maxlength="50" />
                        <h:panelGrid columns="2" border="0" styleClass="tablanormal">
                            <h:inputText rendered="#{ContratanteController.tipoPersona==0}" value="#{ContratanteController.personaJuridica.solcorreoempresa}" size="25" maxlength="50" />
                            <h:commandButton value="Registrar" action="#{ContratanteController.agregarContratante}" rendered="#{ContratanteController.banContratante}" styleClass="desactivar" />
                            <h:commandButton value="Actualizar" action="#{ContratanteController.actualizarContratante}" rendered="#{!ContratanteController.banContratante}" styleClass="desactivar" />
                        </h:panelGrid>
                    </h:panelGrid>
                </a4j:outputPanel>
            </h:panelGrid>
            
            <h:panelGrid columns="1" width="100%" border="0" cellpadding="2" cellspacing="2" styleClass="tablasecundaria">
                <h:outputLabel value="Direcciones del Contratante" />
            </h:panelGrid>
            <h:panelGrid columns="6" styleClass="fondoFormulariosyPanel">
                <h:outputLabel value="Departamento: " />
                <h:selectOneMenu value="#{ContratanteController.codDepartamento}" onchange="submit();">
                    <f:selectItem itemLabel="-- Seleccione un Departamento --"/>
                    <f:selectItems value="#{ContratanteController.comboDepartamentos}" />
                </h:selectOneMenu>

                <h:outputLabel value="Provincia: " />
                <h:selectOneMenu value="#{ContratanteController.codProvincia}" onchange="submit();">
                    <f:selectItem itemLabel="-- Seleccione una Provincia --"/>
                    <f:selectItems value="#{ContratanteController.comboProvincias}" />
                </h:selectOneMenu>

                <h:outputLabel value="Distrito: " />
                <h:selectOneMenu value="#{ContratanteController.codDistrito}">
                    <f:selectItem itemLabel="-- Seleccione un Distrito --"/>
                    <f:selectItems value="#{ContratanteController.comboDistritos}" />
                </h:selectOneMenu>

                <h:outputLabel value="Vía: " />
                <h:selectOneMenu value="#{ContratanteController.codVia}">
                    <f:selectItem itemLabel="-- Seleccione una Via --"/>
                    <f:selectItems value="#{ContratanteController.comboVias}" />
                </h:selectOneMenu>

                <h:outputLabel value="Tipo Zona: " />
                <h:selectOneMenu value="#{ContratanteController.codZona}">
                    <f:selectItem itemLabel="-- Seleccione una Zona --"/>
                    <f:selectItems value="#{ContratanteController.comboZonas}" />
                </h:selectOneMenu>

                <h:outputLabel value="Dirección: " />
                <h:inputText value="#{ContratanteController.direccion.dpeDireccion}" size="30" maxlength="120" styleClass="mayusculas" />

                <h:outputLabel value="Zona: " />
                <h:inputText value="#{ContratanteController.direccion.dpenombreZona}" size="20" maxlength="80" styleClass="mayusculas" />

                <h:outputLabel value="Referencia: " />
                <h:inputText value="#{ContratanteController.direccion.dpeReferencia}" size="20" maxlength="80" styleClass="mayusculas" />

                <h:outputLabel value="Nro: " />
                <h:inputText value="#{ContratanteController.direccion.dpeNro}" size="4" maxlength="4" />

                <h:outputLabel value="Interior: " />
                <h:inputText value="#{ContratanteController.direccion.dpeInterior}" size="10" maxlength="20" />

                <h:outputLabel value="Manzana: " />
                <h:inputText value="#{ContratanteController.direccion.dpeManzana}" size="10" maxlength="20" styleClass="mayusculas" />

                <h:outputLabel value="Lote: " />
                <h:inputText value="#{ContratanteController.direccion.dpeLote}" size="10" maxlength="20" styleClass="mayusculas" />

                <h:outputLabel value="Piso: " />
                <h:inputText value="#{ContratanteController.direccion.dpePiso}" size="4" maxlength="4" />

                <h:outputLabel value="Depto N°: " />
                <h:inputText value="#{ContratanteController.direccion.dpeDpto}" size="10" maxlength="20" styleClass="mayusculas" />

                <h:outputLabel value="Sector: " />
                <h:inputText value="#{ContratanteController.direccion.dpeSector}" size="20" maxlength="20" styleClass="mayusculas" />

                <h:outputLabel value="Etapa: " />
                <h:inputText value="#{ContratanteController.direccion.dpeEtapa}" size="20" maxlength="20" styleClass="mayusculas" />

                <h:commandButton value="Agregar" title="Agregando Dirección" action="#{ContratanteController.agregarDireccion}" styleClass="desactivar" />
            </h:panelGrid>

            <a4j:outputPanel id="panelDireccion">
                <rich:dataTable value="#{ContratanteController.listaDireccion}" var="direccion"
                                columnsWidth="5%,20%,20%,20%,30%,5%" width="100%">
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Codigo" />
                        </f:facet>
                        <h:outputLabel value="#{direccion.dpeCodigo}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Distrito" />
                        </f:facet>
                        <h:outputLabel value="#{direccion.nombreDistrito}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Via" />
                        </f:facet>
                        <h:outputLabel value="#{direccion.nombreVia}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Zona" />
                        </f:facet>
                        &nbsp;
                        <h:outputLabel value="#{direccion.nombreZona}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Direcciòn" />
                        </f:facet>
                        <h:outputLabel value="#{direccion.direccionGeneral}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Opción" />
                        </f:facet>
                        <h:commandButton value="Quitar" title="Quitar" action="#{ContratanteController.quitarDireccion}" styleClass="plomito">
                            <f:setPropertyActionListener target="#{ContratanteController.direccionSeleccionada}" value="#{direccion}" />
                        </h:commandButton>
                    </rich:column>
                </rich:dataTable>
            </a4j:outputPanel>
            
            <h:panelGrid columns="1" width="100%" border="0" cellpadding="2" cellspacing="2" styleClass="tablasecundaria">
                <h:outputLabel value="Teléfonos del Contratante" />
            </h:panelGrid>
            <h:panelGrid columns="6" styleClass="fondoFormulariosyPanel">
                <h:outputLabel value="Codigo Ciudad: " />
                <h:inputText value="#{ContratanteController.telefono.tsoCodciudad}" size="5" maxlength="5" />

                <h:outputLabel value="Numero: " />
                <h:inputText value="#{ContratanteController.telefono.tsoNumero}" size="10" maxlength="10" />

                <h:outputLabel value="Referencia: " />
                <h:inputText value="#{ContratanteController.telefono.tsoreferenciaFono}" size="20" maxlength="50" styleClass="mayusculas" />

                <h:outputLabel value="Empresa: " />
                <h:inputText value="#{ContratanteController.telefono.tsotipoEmp}" size="20" maxlength="50" styleClass="mayusculas" />

                <h:outputLabel value="Tipo: " />
                <h:inputText value="#{ContratanteController.telefono.tsotipoTelefono}" size="20" maxlength="50" styleClass="mayusculas" />

                <h:commandButton value="Agregar" title="Agregando Telefono" action="#{ContratanteController.agregarTelefono}" styleClass="desactivar" />
            </h:panelGrid>

            <a4j:outputPanel id="panelTelefono">
                <rich:dataTable value="#{ContratanteController.listaTelefono}" var="telefono"
                                columnsWidth="5%,20%,20%,20%,30%,5%" width="100%">
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Codigo" />
                        </f:facet>
                        <h:outputLabel value="#{telefono.tsoCodigo}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Número" />
                        </f:facet>
                        <h:outputLabel value="#{telefono.tsoNumero}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Referencia" />
                        </f:facet>
                        <h:outputLabel value="#{telefono.tsoreferenciaFono}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Empresa" />
                        </f:facet>
                        &nbsp;
                        <h:outputLabel value="#{telefono.tsotipoEmp}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Tipo" />
                        </f:facet>
                        <h:outputLabel value="#{telefono.tsotipoTelefono}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Opción" />
                        </f:facet>
                        <h:commandButton value="Quitar" title="Quitar" action="#{ContratanteController.quitarTelefono}" styleClass="plomito">
                            <f:setPropertyActionListener target="#{ContratanteController.telefonoSeleccionada}" value="#{telefono}" />
                        </h:commandButton>
                    </rich:column>
                </rich:dataTable>
            </a4j:outputPanel>

            <h:panelGrid columns="1" cellpadding="2" cellspacing="2" border="0" styleClass="tablanormal">
                <h:commandButton value="Nuevo"
                                 title="Nuevo Registro"
                                 styleClass="desactivar"
                                 action="#{ContratanteController.inicializar}"/>

            </h:panelGrid>

        </a4j:outputPanel>

    </h:form>
</f:view>